<div data-page="accelerationball" class="page">
    <!-- Top Navbar-->
    <div class="navbar">
        <div class="navbar-inner">
            <div class="left"><a href="index.html" class="back link icon-only"><i class="icon icon-back"></i></a></div>
            <!-- We need cool sliding animation on title element, so we have additional "sliding" class -->
            <div class="center">Ball</div>
        </div>
    </div>
    <!-- Scrollable page content -->
    <div class="page-content">
        <div class="content-block">
            <div class="content-block-inner" style="position:relative;">
                <canvas class="ball" width="200" height="200" style="position:relative;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);"></canvas>
            </div>
        </div>
    </div>
</div>